.slider {

    width: 100%;

    height: 708px;

    margin: 0 auto;

    overflow: hidden;

}

/* 切换按钮 */



    /* 上一个 */



.osSlider-main .slider-btn-prev {



    position: absolute;



    z-index: 30;



    top: 50%;



    left: -45px;



    width: 40px;



    height: 40px;



    text-indent: -9999px;



    margin-top: -20px;



    background: url(./img/prev.png) 50% 50% no-repeat;



    transition: all .5s linear;



}







.osSlider-main:hover .slider-btn-prev {



    left: 5px;



}



    /* 下一个 */



.osSlider-main .slider-btn-next {



    position: absolute;



    z-index: 30;



    top: 50%;



    right: -45px;



    width: 40px;



    height: 40px;



    text-indent: -9999px;



    margin-top: -20px;



    background: url(./img/next.png) 50% 50% no-repeat;



    transition: all .5s linear;



}







.osSlider-main:hover .slider-btn-next {



    right: 5px;



}







/* 高亮导航部分 */



.osSlider-main .slider-nav {



    position: absolute;



    width:100%;



    height: 22px;



    bottom: 15px;



    text-align: center;



    z-index: 25;



}



.osSlider-main .slider-nav li {



    display: inline-block;



    height: 20px;



    line-height: 20px;



    padding: 0 6px;



    margin: 0 12px;



    font-size: 12px;



    background: #fff; color: #305cc5;



    border: 1px solid #fff;





    cursor: pointer;



}



.osSlider-main .slider-nav li.active {



      border: 1px solid #d65d41;



    background: #d65d41; color: #fff;



}



.osSlider-main .slider-nav li:hover {



    border: 1px solid #305cc5;

color: #fff;

    background: #305cc5;



}